import React, { Component } from 'react'
import { Swiper } from 'react-vant';
import {connect} from "react-redux"
import Qrcode from 'qrcode.react';
export class Home extends Component {
    state={
    
    }
    render() {
        console.log("11111111",this.props);
        let {urlData} = this.props 
        return (
            <div>
                <Swiper className="my-swipe" autoplay={3000}>
                    {
                        urlData&&urlData.map((item,index)=>{
                            return  <Swiper.Item key={index}>
                            <img src={item} alt="" />
                        </Swiper.Item>
                        })
                    }
                </Swiper>
                <Qrcode 
                    value="11111111111111111"
                    size={200}
                    fgColor="#000000"
                ></Qrcode>
            </div>
        )
    }
}

const mapState = (state)=>{
    // console.log;
    return {
        ...state.reduce
    }
}

export default connect(mapState) (Home)
